<!--
 * @Author: wb_wangjiudeng wb_wangjiudeng@tcl.com
 * @Date: 2025-05-25 10:46:56
 * @LastEditors: wb_wangjiudeng wb_wangjiudeng@tcl.com
 * @LastEditTime: 2025-05-25 11:45:27
 * @FilePath: \iam-ui\iam-ui\src\components\Card\index.vue
 * @Description: 文件介绍
 * 
 * Copyright (c) 2025 by user.email, All Rights Reserved. 
-->
<template>
  <div class="card">
    <div class="card-title">{{title}}</div>
    <div class="card-content">
      <slot></slot>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: ''
  }
})
</script>

<style lang="scss" scoped>
.card {
  width: 100%;
  height: 100%;
  &-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2;
    padding-left: 16px;
    font-size: 22px;
    font-weight: bold;
  }
  &-content {
    padding: 0 16px;
    height: calc(100% - 60px);
    width: 100%;
  }
}
</style>